<div>

    <div class="ibox ">
        <div class="ibox-title">
            <h5>
                <vc:i18n name="查询条件" namespace="communityManage"></vc:i18n>
            </h5>
            <div class="ibox-tools" style="top:10px;">
            </div>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-sm-2">
                    <div class="form-group">
                        <input type="text" :placeholder="vc.i18n('请输入小区ID','communityManage')"
                            v-model="communityManageInfo.conditions.communityId" class=" form-control">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <input type="text" :placeholder="vc.i18n('请输入小区名称','communityManage')"
                            v-model="communityManageInfo.conditions.name" class=" form-control">
                    </div>
                </div>
                <div class="col-sm-6">
                    <vc:create path="common/areaSelect" callBackListener="communityManage" callBackFunction="notifyArea"
                        namespace="communityManage">
                    </vc:create>
                </div>
                <div class="col-sm-1">
                    <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryCommunityMethod()">
                        <i class="fa fa-search"></i> <span>
                            <vc:i18n name="查询" namespace="communityManage"></vc:i18n>
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="ibox">
        <div class="ibox-title">
            <h5>
                <vc:i18n name="小区信息" namespace="communityManage"></vc:i18n>
            </h5>
            <div class="ibox-tools" style="top:10px;">
                <button type="button" class="btn btn-white btn-sm"
                    v-on:click="vc.showMarkdown('/pages/common/communityManage')">
                    <vc:i18n name="文档"></vc:i18n>
                </button>
                <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddCommunityModal()">
                    <i class="fa fa-plus"></i><span>
                        <vc:i18n name="添加小区" namespace="communityManage"></vc:i18n>
                    </span>
                </button>
            </div>
        </div>
        <div class="ibox-content">
            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                <thead>
                    <tr>
                        <th class="text-center">
                            <vc:i18n name="小区ID" namespace="communityManage"></vc:i18n>
                        </th>
                        <th class="text-center">
                            <vc:i18n name="小区名称" namespace="communityManage"></vc:i18n>
                        </th>
                        <!--<th><span><vc:i18n name="小区地址" namespace="communityManage"></vc:i18n></span></th>-->

                        <th class="text-center">
                            <vc:i18n name="城市编码" namespace="communityManage"></vc:i18n>
                        </th>
                        <th width="25%" class="text-center">
                            <vc:i18n name="客服电话" namespace="communityManage"></vc:i18n>
                        </th>
                        <th width="25%" class="text-center">
                            <vc:i18n name="外部ID" namespace="communityManage"></vc:i18n>
                        </th>
                        <th v-for="(item,index) in communityManageInfo.listColumns" class="text-center">
                            {{item.specName}}
                        </th>
                        <th class="text-center">
                            <vc:i18n name="操作" namespace="communityManage"></vc:i18n>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="community in communityManageInfo.communitys">
                        <td class="text-center">{{community.communityId}}</td>
                        <td class="text-center">{{community.name}}</td>
                        <td class="text-center">{{community.cityName}}</td>
                        <td class="text-center">{{community.tel}}</td>
                        <td class="text-center">{{community.extCommunityId}}</td>
                        <td v-for="item in community.listValues" class="text-center">
                            {{item}}
                        </td>
                        <td class="text-center">
                            <div class="btn-group" v-if=" communityManageInfo.storeTypeCd == '800900000001'">
                                <button class="btn-white btn btn-xs" v-on:click="_openDeleteCommunityModel(community)">
                                    <vc:i18n name="删除" namespace="communityManage"></vc:i18n>
                                </button>
                            </div>
                            <div class="btn-group">
                                <button class="btn-white btn btn-xs"
                                    v-bind:disabled=" communityManageInfo.storeTypeCd != '800900000001'"
                                    v-on:click="_openEditCommunityModel(community)">
                                    <vc:i18n name="修改" namespace="communityManage"></vc:i18n>
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- 分页 -->
            <vc:create path="frame/pagination"></vc:create>
        </div>

    </div>
    <vc:create path="common/addCommunity"></vc:create>
    <vc:create path="common/editCommunity"></vc:create>
    <vc:create path="common/deleteCommunity"></vc:create>
    <vc:create path="common/recallAuditFinishCommunity"></vc:create>
</div>